<template>
    <div class="h-full w-full">
        <highlightjs language="xml" :code="code" />
    </div>
</template>

<script >
import 'highlight.js/lib/common';
import hljsVuePlugin from "@highlightjs/vue-plugin";
import 'highlight.js/styles/atom-one-light.css'
import { defineComponent, ref, onMounted } from 'vue'

export default defineComponent({
    components: { highlightjs: hljsVuePlugin.component },
    setup() {
        const code = ref('')

        onMounted(() => {
            code.value = sessionStorage.getItem('xmlFileString')
        })
        return {
            code
        }
    }
})



</script>

<style lang='scss' scoped></style>